<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/window/default.css" rel="stylesheet" type="text/css">
        <link href="css/autocomplete.css" rel="stylesheet" type="text/css">
        <link href="css/window/mac_os_x.css" rel="stylesheet" type="text/css">
	<link href="css/tagsty.css" rel="stylesheet" type="text/css">
        
        <script src="js/prototype-1.6.0.3.js" type="text/javascript" ></script>
        <script src="js/scriptaculous/scriptaculous.js" type="text/javascript"></script>
        <script src="js/window/window.js" type="text/javascript"> </script>
        <script src="js/window/effects.js" type="text/javascript"> </script>
        <script src="js/window/debug.js" type="text/javascript"> </script>
        <script src="js/window/tooltip.js" type="text/javascript"> </script>
        <script src="js/autocomplete.js" type="text/javascript"> </script>
        <script src="js/tagsty.js" type="text/javascript"> </script>
        
        <script type="text/javascript">   
        </script>
        
        <style>
        </style>

        <title>TagTY</title>
    </head>
    <body onload="tag();tagCloud();comboOntologyLoad();">
      <input type="hidden" id="numTabs" name="numTabs" value="2" /> 
      <div id="tabs">
        <table id="tabTables">
          <tr id="trTabs">
            <td id="tabHeaderActive"><a id="link1" href="javascript:void(0)" onClick="toggleTab(1,3)"><span>Dasty</span> </a> </td>
            <td id="tabHeader2"><a id="link2" href="javascript:void(0)" onClick="toggleTab(2,3)" ><span>Tagsty</span> </a> </td>
            <td id="tabHeader3"> </td>
          </tr>
        </table>
        
            <div id="tabContent1" class="tabContent" style="display:yes;">
                <br />
                
            </div>
    
            <div id="tabContent2" class="tabContent" style="display:none;">
                <br />
                      <form id="tag_f" name="tag_f" action="http://prototype.conio.net/">
                <div id="tag_d">   
                  <table border="0" cellspacing="2" cellpadding="1">
      			<tr>
      				<td>Tag</td>
      				<!--<input type="text" name="tagShow" id="tagShow" size="24"> -->
      				<td>
      				<!--<input type="text" name="tagShow" id="tagShow" size="24"> -->
      				
      				<input type="text" id="autocomplete" name="autocomplete_parameter"/>
              <span id="indicator1" style="display: none">
                <img src="/images/spinner.gif" alt="Working..." />
              </span>
              <div id="autocomplete_choices" class="autocomplete"></div>
      				
      				<script>
                new Ajax.Autocompleter("autocomplete", "autocomplete_choices", "dato.php", {
                paramName: "input", 
                minChars: 4, 
                indicator: 'indicator1'
              });

              </script>
      				
              </td>
      			</tr>
      			<tr>
      				<td>&nbsp;</td>
      			</tr>
      			<tr>
      				<td>Note</td>
      				<td><input type="text" name="note" size="24"></td>
      			</tr>
                  <tr>
                      <td></td>
      				<td>
                 <div id="type_d" style="display:none;border:1px solid white;background-color:white;position:relative;"></div>
      			    </td>
      			</tr>
      			<tr>
      				<td colspan="2">
      					<div align="center">
      						<a href="#" onclick="Effect.toggle('ao_type_d','slide'); return false;"> <img src="slide.png" border="0"> Ontology Assisted</a></div>
      					<div id="ao_type_d" style="display:none;"><div style="background-color:white;width:200px;border:0px solid gray;padding:10px;">
                    <br />Ontology
                    <div id="comboOntology">
                      
                    </div>
                  </div></div>
      				</td>
      			</tr>
      			<tr>
      				<td colspan="2" align="right"><input type="submit" value="Submit" size="24"></td>
      			</tr>
      			<tr>
      				<td colspan="2">Other tags for this feature </td>
      			<tr>
      				<td colspan="2">
                <div id="tags_cloud"></div>
                </div>
              </td>
      			</tr>
      
                
      		</table>
                </div>
              </form>
              
            </div>
            
          <div id="tabContent3" class="tabContent" style="display:none;">
                <br />
                
            </div>
        
    </div><!--End of tabs-->
    </body>
</html>
